
<template >
    <div>
        <TablePaging :tableData="tableData" :columns="columns"></TablePaging>
    </div>
</template>
<script lang="ts" setup>
import {ref} from "vue"
    import TablePaging from "@/components/casing/TablePaging.vue"
    let columns= ref([
    {
        prop:"date",
        label:"日期"
    },
    {
        prop:"name",
        label:"姓名"
    },
    {
        prop:"tag",
        label:"标签",
        render:(row:any)=> {
            console.log(row)
            
            return 
        },
    },  
    {
        prop:"btns",
        label:"操作",
        type:"btns",
        btnList:[
        {
            name:"展开",
            on:(row:any)=>{
                console.log(row)
            },
            show:true
        }
        ]
    }
    ])

    let tableData= ref([
        {
            date:"2023-12-12",
            name:"测试1"
        },
        {
            date:"2023-12-12",
            name:"测试2"
        }
    ])
</script>
<style>
    
</style>